/*
将 Sass 的 @mixin 语法转换为 LESS 的语法 .
LESS 不支持 @args... 这样的写法
*/
.animation(@name; @duration: 0s; @timing-function: ease; @delay: 0s; @iteration-count: 1) {
  -webkit-animation: @name;
  @duration: 0s;
  @timing-function: ease;
  @delay: 0s;
  @iteration-count: 1;
  -moz-animation: @name;
  @duration: 0s;
  @timing-function: ease;
  @delay: 0s;
  @iteration-count: 1;
  animation: @name;
  @duration: 0s;
  @timing-function: ease;
  @delay: 0s;
  @iteration-count: 1;
}

.animation-fill-mode(@mode) {
  -webkit-animation-fill-mode: @mode;
  -moz-animation-fill-mode: @mode;
  animation-fill-mode: @mode;
}

.transform(@args) {
  -webkit-transform: @args;
  -moz-transform: @args;
  -ms-transform: @args;
  transform: @args;
}

.transition(@args) {
  -webkit-transition: @args;
  -moz-transition: @args;
  transition: @args;
}

.transition-property(@args) {
  -webkit-transition-property: @args;
  -moz-transition-property: @args;
  transition-property: @args;
}

// less不支持@content这种写法
// @mixin keyframes($animation-name) {
//   @-webkit-keyframes $animation-name {
//     @content;
//   }
//   @-moz-keyframes $animation-name {
//     @content;
//   }
//   @keyframes $animation-name {
//     @content;
//   }
// }

.clearfix {
  &:after {
    content: "";
    display: block;
    clear: both;
  }
}
